<!doctype html>
<html lang="zh-Hans">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/fontawesome.min.css">
  <link rel="stylesheet" href="assets/plugins/overlayscrollbars/css/OverlayScrollbars.min.css">
  <link rel="stylesheet" href="assets/css/backend.css">
  <title>Fresns 管理中心</title>
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fresns-navbar">
    <a class="navbar-brand" href="#"><img src="assets/images/logo.png" height="30" alt="Fresns"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item"><a class="nav-link" href="index.html">仪表盘</a></li>
        <li class="nav-item"><a class="nav-link" href="system-language.html">系统</a></li>
        <li class="nav-item"><a class="nav-link" href="operating-user.html">运营</a></li>
        <li class="nav-item active"><a class="nav-link" href="themes.html">主题</a></li>
        <li class="nav-item"><a class="nav-link" href="plugins.html">插件</a></li>
        <li class="nav-item"><a class="nav-link" href="clients.html">客户端</a></li>
        <li class="nav-item"><a class="nav-link" href="store.html">应用市场</a></li>
      </ul>
      <span class="navbar-text">admin <a href="#">[退出]</a> <a href="https://fresns.cn" target="_blank">站点首页</a></span>
    </div>
  </nav>

  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-3 col-xl-2 fresns-sidebar">
        <h3 class="d-none d-sm-block">主题</h3>
        <button class="btn btn-primary btn-block d-block d-sm-none" type="button" data-toggle="collapse" data-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="true">
          <i class="fas fa-list-ul"></i> 主题
        </button>
        <div class="collapse show" id="sidebarNav">
          <ul class="nav flex-column">
            <li class="nav-item"><a class="nav-link" href="themes.html"><i class="fas fa-palette"></i> 主题管理</a></li>
            <li class="nav-item"><a class="nav-link" href="theme-menus.html"><i class="fas fa-bars"></i> 菜单设置</a></li>
            <li class="nav-item"><a class="nav-link" href="theme-fresns.html"><i class="fas fa-cog"></i> Fresns 设置</a></li>
            <li class="nav-item"><a class="nav-link active" href="theme-discuzx.html"><i class="fas fa-cog"></i> Discuz X 设置</a></li>
          </ul>
          <div class="fresns-copyright">
            <p>Powered by Fresns</p>
          </div>
        </div>
      </div>

      <div class="col-sm-9 col-xl-10 fresns-content">
        <h3>Discuz X 设置</h3>
        <!-- Setting Start -->
        <form>
          <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item"><a class="nav-link active" id="general-tab" data-toggle="tab" href="#general" role="tab" aria-controls="general" aria-selected="true">常规选项</a></li>
            <li class="nav-item"><a class="nav-link" id="navbar-tab" data-toggle="tab" href="#navbar" role="tab" aria-controls="navbar" aria-selected="false">导航配置</a></li>
            <li class="nav-item"><a class="nav-link" id="links-tab" data-toggle="tab" href="#links" role="tab" aria-controls="links" aria-selected="false">友情链接</a></li>
          </ul>
          <div class="tab-content tab-addons" id="myTabContent">
            <!-- Setting Setting -->
            <div class="tab-pane fade show active" id="general" role="tabpanel" aria-labelledby="general-tab">

              <div class="alert alert-warning" role="alert">
                Discuz X 是 BBS 模式的产品形态，Fresns 的「小组」功能相当于 BBS 模式的「版区」功能，所以使用该帖子模板必须开启「小组」功能。
              </div>

              <label class="item-title">热搜关键词：</label>
              <div class="form-group row">
                <div class="col-sm-6">
                  <textarea class="form-control" id="discuzx_search" rows="3"></textarea>
                </div>
                <label class="col-sm-6 col-form-label">多个以英文逗号 , 隔开</label>
              </div>

              <!-- Extend Setting -->
              <label class="item-title">友情链接模块：</label>
              <div class="form-group row">
                <!-- input group -->
                <div class="col-sm-6">
                  <div class="input-group mb-3">
                    <div class="input-group-prepend">
                      <span class="input-group-text">是否启用</span>
                    </div>
                    <div class="form-control">
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="links_false" name="links" value="false" class="custom-control-input" checked>
                        <label class="custom-control-label" for="links_false">不启用</label>
                      </div>
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="links_true" name="links" value="true" class="custom-control-input">
                        <label class="custom-control-label" for="links_true">启用</label>
                      </div>
                    </div>
                  </div>
                </div>
                <label class="col-sm-6 col-form-label">首页友情链接模块</label>
              </div>

            </div>
            <!-- delimiter -->
            <div class="tab-pane fade " id="navbar" role="tabpanel" aria-labelledby="navbar-tab">

              <div class="table-responsive">
                <table class="table table-hover">
                  <thead class="thead-light">
                    <tr>
                      <th scope="col">显示顺序</th>
                      <th scope="col">名称</th>
                      <th scope="col">链接</th>
                      <th scope="col">显示状态</th>
                      <th scope="col">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="align-middle"><input type="number" class="form-control" value="1" style="width:60px;"></td>
                      <td class="align-middle"><input type="text" class="form-control" value="首页"></td>
                      <td class="align-middle"><input type="url" class="form-control" value="/"></td>
                      <td class="align-middle">
                        <div class="custom-control custom-switch">
                          <input type="checkbox" class="custom-control-input" id="display_icon" checked>
                          <label class="custom-control-label" for="display_icon">是否显示</label>
                        </div>
                      </td>
                      <td class="align-middle">
                        <button type="button" class="btn btn-link btn-sm text-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td class="align-middle" colspan="5">
                        <button type="button" class="btn btn-sm btn-link"><i class="fas fa-plus-circle"></i> 新增</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>

            </div>
            <!-- delimiter -->
            <div class="tab-pane fade" id="links" role="tabpanel" aria-labelledby="links-tab">

              <div class="table-responsive">
                <table class="table table-hover">
                  <thead class="thead-light">
                    <tr>
                      <th scope="col">显示顺序</th>
                      <th scope="col">链接名称</th>
                      <th scope="col">链接图片</th>
                      <th scope="col">链接</th>
                      <th scope="col">显示状态</th>
                      <th scope="col">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="align-middle"><input type="number" class="form-control" value="1" style="width:60px;"></td>
                      <td class="align-middle"><input type="text" class="form-control" value="产品经理唐杰"></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://cdn.fresns.cn/links/tangjie.png"></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://tangjie.me/"></td>
                      <td class="align-middle">
                        <div class="custom-control custom-switch">
                          <input type="checkbox" class="custom-control-input" id="tangjie_display_icon" checked>
                          <label class="custom-control-label" for="tangjie_display_icon">是否显示</label>
                        </div>
                      </td>
                      <td class="align-middle">
                        <button type="button" class="btn btn-link btn-sm text-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td class="align-middle"><input type="number" class="form-control" value="2" style="width:60px;"></td>
                      <td class="align-middle"><input type="text" class="form-control" value="Fresns"></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://cdn.fresns.cn/links/Fresns.png"></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://www.fresns.cn/"></td>
                      <td class="align-middle">
                        <div class="custom-control custom-switch">
                          <input type="checkbox" class="custom-control-input" id="Fresns_display_icon">
                          <label class="custom-control-label" for="Fresns_display_icon">是否显示</label>
                        </div>
                      </td>
                      <td class="align-middle">
                        <button type="button" class="btn btn-link btn-sm text-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td class="align-middle"><input type="number" class="form-control" value="3" style="width:60px;"></td>
                      <td class="align-middle"><input type="text" class="form-control" value="36氪"></td>
                      <td class="align-middle"><input type="url" class="form-control" value=""></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://36kr.com/"></td>
                      <td class="align-middle">
                        <div class="custom-control custom-switch">
                          <input type="checkbox" class="custom-control-input" id="display_icon">
                          <label class="custom-control-label" for="display_icon">是否显示</label>
                        </div>
                      </td>
                      <td class="align-middle">
                        <button type="button" class="btn btn-link btn-sm text-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td class="align-middle" colspan="5">
                        <button type="button" class="btn btn-sm btn-link"><i class="fas fa-plus-circle"></i> 新增</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>

            </div>
            <!-- Setting Setting End -->
          </div>

          <!-- Form Submit -->
          <button type="submit" class="btn btn-primary btn-addons">保存</button>
        </form>
        <!-- Setting End -->
      </div>
    </div>
  </div>

  <!-- JavaScript -->
  <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/plugins/overlayscrollbars/js/jquery.overlayScrollbars.min.js"></script>
  <script src="assets/js/backend.js"></script>
</body>

</html>